/* 
    Document   : main_style
    Created on : 27.12.2012, 19:15:46
    Author     : alex
    Description:
        Purpose of the stylesheet follows.
*/

#header {
    height: auto;
    margin: 0;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 0;
}

#main {
    padding-left: 7px;
    padding-right: 7px;
}

.logo {
    background-image: url('../img/logo.png');
    background-size: 110px, 35px;
    -webkit-background-size: 110px, 35px;
    -moz-background-size: 110px, 35px;
    -o-background-size: 110px, 35px;
    width: 110px;
    height: 35px;
    position: relative;
    top: -25px;
    left: 15px;
}

.nav_menu {
    background-color: #3B5998;
    margin: 0 auto;
    border-radius: 7px 7px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;
    height: 45px
}

nav {
    display: block;
    padding: 6px 0;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    position: relative;
    top: 7px;
}

nav a {
    color: #fff;
    text-decoration: none;
    padding-right: 20px;
    padding-left: 5px;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
}

nav a:hover {
    /*text-decoration: underline;*/
    text-shadow: 1px 1px 2px black, 0 0 1em white;
}

#left_bar {
    width: 220px;
}
 
#right_bar {
    width: 200px;
}

#left_bar, #right_bar {
    padding: 4px 2px;
    margin: 0;
    margin-bottom: 5px;
    z-index: 1;
    position: relative;
}

#content {
    width: 534px !important;
    margin-left: 226px;
    margin-right: 146px;
    padding: 5px 0;
}

#profile_name, .add_report {
    padding: 5px 3px;
    background-color: rgba(153,153,153,0.55);
    margin-bottom: 7px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    text-align: center;
    cursor: default;
    position: relative;
    z-index: 100;
}

.profile_name {
    font-size: 12pt;
    font-style: normal;
    font-weight: normal;
    color: rgba(51,51,51,0.7);
    letter-spacing: 2px;
    margin-right: 50px;
}

.profile_nickname {
    color: rgba(51,51,51,0.83);
    letter-spacing: 1px;
    font-weight: bold;
}

.net_status {
    position: absolute;
    right: 7px;
    top: 4px;
}

.net_status_style {
    position: relative;
    font-size: 10pt;
    color: #ffffff;
    font-style: italic;
}

.avatar {
    text-align: center;
    margin-bottom: 10px;
}

.avatar:hover #upload_av {
    display: block
}

.avatar img {
    border: 0;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
    max-width: 220px;
    max-height: 300px;
}

.user_rewards, .user_contacts, .project_news, .events, .friends {
    margin-left: 2px;
    margin-right: 2px;
    margin-bottom: 10px;
}

.friends {
    
}

.friends > a {
    text-decoration: none;
    z-index: 1;
    
}

.user_rewards_header, .user_contacts_header, .project_news, .events_header, .friends_header, .my_goal_header, .freez_goal_header, .reached_goal_header {
    text-align: center;
    border: 1px solid;
    border-color: #3B5998;
    border-radius: 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
    background-color: #3B5998;
    color: #fff;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 13px;
    padding-top: 4px;
    padding-bottom: 4px;
    font-weight: bold;
}

.user_rewards_header, .user_contacts_header, .events_header {
    cursor: default;
}

.user_rewards_body, .user_contacts_body, .events_body, .friends_body, .my_goal_body, .freez_goal_body, .reached_goal_body {
    border-right: 1px solid #c7c7c7;
    border-left: 1px solid #c7c7c7;
    border-bottom: 1px solid #c7c7c7;
    border-radius: 0 0 3px 3px;
    -webkit-border-radius: 0 0 3px 3px;
    -moz-border-radius: 0 0 3px 3px;
    color: #575757;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12pt;
    cursor: default;
}

.user_contacts_name {
    display: block;
    text-align: center;
    padding-top: 3px;
    padding-bottom: 3px;
    font-weight: bold;
    border-bottom: 1px solid #c7c7c7;
}

.user_contacts_name:hover, .events_body_string:hover, .friends_body_string:hover {
    background-color: #d6d6d6;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.user_contacts_name a {
    text-decoration: none;
    color: #575757;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 12px;
}

.user_contacts_name a:hover {
    color: #474747;
}

.user_contacts_string {
    padding: 0;
    padding-top: 3px;
    width: 214px;
    display: block;
    margin-bottom: -7px;
}

.ucs_1 {
    width: 90px;
    text-align: left;
    padding: 0px 5px 0px 3px;
    color: #3B5998;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

.ucs_2 {
    width: 112px;
    position: relative;
    left: 95px;
    top: -11px;
    text-align: left;
    padding: 0px 5px 0px 3px;
    color: #575757;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}

#edite_profile {
    display: block;
    position: absolute;
    width: 16px;
    height: 16px;
    right: 10px;
}

.edite_profile {
    position: relative;
    top: -15px;
}

.edite_profile:hover {
    opacity: 1;
}

.project_news {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    padding: 7px 0;
    margin-bottom: 10px;
    text-decoration: none;
}

.project_news_number {
    border: 0;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background: transparent;
    -moz-box-shadow: 0 0 7px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 0 7px rgba(255,255,255,0.5);
    box-shadow: 0 0 7px rgba(255,255,255,0.5);
    padding: 2px;
}

.project_news {
    text-decoration: none;
    color: #fff;
    cursor: pointer;
}

.events_body_string {
    padding: 3px;
    display: block;
    padding-left: 20px;
}

.events_number {
    font-weight: bold;
    color: #3B5998;
    float: right;
}

.events_body a {
    text-decoration: none;
    color: #575757;
    font-size: 9pt;
}

.event_icon_message, .event_icon_friend, .event_icon_photo, .event_icon_video, .event_icon_setting {
    margin-top: -1px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    position: absolute;
    margin-left: -17px;
}

.event_icon_message {
    background-position: -72px 0;
    background-image: url('../img/glyphicons-halflings.png');
}

.event_icon_friend {
    background-position: -168px 1px;
    background-image: url('../img/glyphicons-halflings.png');
}

.event_icon_photo {
    background-position: -456px -48px;
    background-image: url('../img/glyphicons-halflings.png');
}

.event_icon_video {
    background-position: -192px 0;
    background-image: url('../img/glyphicons-halflings.png');
}

.event_icon_setting {
    background-position: -359px -144px;
    background-image: url('../img/glyphicons-halflings.png');
}

.friends_body_string > a {
    text-decoration: none;
    color: #3B5998;
    font-size: 0.65em;
    display: table-cell;
}

.friends_body_string:hover {
    background-color: #dadada;
}

.friends_avatar_thumb {
    display: table-cell;
    vertical-align: middle;
}

.friend_name a {
    text-decoration: none;
    color: #3B5998;
    font-size: 0.65em;
}

.friend_name {
    display: table-cell;
    vertical-align: middle;
    padding-left: 7px;
    padding-right: 3px;
    width: 96px;
}

.friends_news {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    width: 35px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.friends_news a, .goal_spectator_number {
    text-decoration: none;
    border: 0;
    border-radius: 9px;
    background-color: #3A87AD;
    padding: 3px 5px;
    font-size: 8pt;
    color: #fff;
}

.friends_news:hover {
    background-color: #ccc;
}

.friends_avatar_thumb img, .friend_avatar_name img {
    max-width: 45px !important;
    min-width: 40px;
    max-height: 65px !important;
    overflow: hidden;
    margin: 3px;
    padding-left: 2px;
    vertical-align: middle;
}

.my_goal {
    
}

.my_goal_header, .freez_goal_header, .reached_goal_header {
    text-align: left;
    padding-left: 20px;
    padding: 10px;
    cursor: pointer;
}

.my_goal > a, .freez_goal > a, .reached_goal > a {
    text-decoration: none;
}

.edite_keys_blok {
    display: none;
    position: absolute;
    width: 54px;
    height: 16px;
    top: 3px;
    right: 3px;
    padding: 3px !important;
    background-color: rgba(102,102,102,0.35);
    border: 0;
    border-radius: 3px;
    top: -8px;
    opacity: 1;
}

.edite_keys_blok:hover {
    display: block;
    top: 3px;
    -webkit-transition: top 1.5s ease-in-out;
    -moz-transition: top 1.5s ease-in-out;
    -o-transition: top 1.5s ease-in-out;
    -ms-transition: top 1.5s ease-in-out;
    transition: top 1.5s ease-in-out;
}

.my_goal_string:hover .edite_keys_blok {
    display: block;
    top: 3px;
    -webkit-transition: top 1.5s ease-in-out;
    -moz-transition: top 1.5s ease-in-out;
    -o-transition: top 1.5s ease-in-out;
    -ms-transition: top 1.5s ease-in-out;
    transition: top 1.5s ease-in-out;
}

.edite_goal:hover, .delete_goal:hover {
    opacity: 1;
    -webkit-transition: opacity 0.5s ease-in-out;
    -moz-transition: opacity 0.5s ease-in-out;
    -o-transition: opacity 0.5s ease-in-out;
    -ms-transition: opacity 0.5s ease-in-out;
    transition: opacity 0.5s ease-in-out;
}

.edite_goal, .delete_goal, view_goal, .edite_profile {
    float: right;
    display: block;
    width: 16px;
    height: 16px;
    position: relative;
    z-index: 10;
    margin-left: 2px;
    background-repeat: no-repeat;
    background-size: 16px 16px;
    opacity: 0.5;
    text-decoration: none;
}

.edite_goal, .edite_profile {
    background-image: url('../img/edit.png');
}

.delete_goal {
    background-image: url('../img/remove.png');
}

.view_goal {
    margin-top: 1px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-position: -96px -120px;
    background-image: url('../img/glyphicons-halflings.png');
}

.freez_goal {
    margin-top: 7px;
}

.reached_goal_body {
    
}

.reached_goal {
    margin-top: 7px;
}

.reached_goal_body {
    
}

.friends_body, .my_goal_body, .freez_goal_body, .reached_goal_body {
    margin-bottom: 7px;
}

.goal_date, .goal_name, .goal_category, .goal_spectator {
    display: table-cell !important;
    text-align: center;
    vertical-align: middle;
}


.goal_date {
    width: 100px;
}

.my_goal_string > div > div {
    padding-bottom: 4px;
}

.goal_name {
    width: 270px;
}

.goal_category {
    width: 112px;
}

.goal_spectator {
    width: 50px;
}

.my_goal_first_string:first-child {
    border-bottom: 1px solid #c7c7c7;
    padding: 2px 0 3px 0;
    color: #474747;
    font-size: 10pt !important;
    background-color: #d6d6d6;
}

#my_goal_first_string:first-child:hover {
    background-color: #b6b6b6;
}

.my_goal_string > div {
    font-size: 11px !important;
    padding-bottom: 4px;
}

.my_goal_string {
    padding-top: 4px;
    position: relative;
    z-index: 1;
    background-color: transparent;
    height: auto;
}

.my_goal_string:hover {
    background-color: #eee;
    -webkit-transition: background-color 0.5s ease;
    -moz-transition: background-color 0.5s ease;
    -o-transition: background-color 0.5s ease;
    -ms-transition: background-color 0.5s ease;
    transition: background-color 0.5s ease;
}

.create_new_goal {
    border-top: 1px solid #c7c7c7;
    padding: 0;
}

.close_tab {
    background-image: url('../img/remove.png');
}

a .my_goal_first_string {
    background-color: #eee;
    border: 0;
}

.my_goal_body a {
    text-decoration: none;
    text-align: center;
    padding: 3px 0;
}

.create_new_goal .create_my_goal_string {
    margin-bottom: 5px;
}

.mgs_c1 {
    width: 170px;
    font-size: 9pt;
}

.mgs_c2 {
    width: 346px;
}

#mgs_c2 > select {
    width: 322px
}

.mgs_c1, .mgs_c2 {
    display: table-cell;
    vertical-align: top;
    padding: 0 4px;
    text-align: left;
}

a .remove_file {
    background-color: transparent;
    background-image: url('../img/remove.png');
    background-size: contain;
    background-position: right top;
    width: 6px;
    height: 6px;
    display: none;
    text-decoration: none;
    margin-bottom: -16px;
    text-align: right;
    padding: 5px;
    position: relative;
    left: 61px;
    top: -1px;
    z-index: 2;
}

.add_file_thumb:hover .remove_file {
    display: block;
    opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}

.add_file_thumb:hover .remove_file:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-opacity: 1;
    z-index: 100000000;
}

.add_file {
    margin-top: 7px;
}

a.add_file {
    padding: 5px 7px;
    border: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    background-color: #3B5998;
    color: #fff;
    text-decoration: none;
    font-size: 9pt;
}

a:hover.add_file {
    background-color: #2F96B4;
}

a:active.add_file {
    background-color: #6666ff;
}

.add_file_thumb {
    display: inline-block;
    height: 76px;
    width: 76px;
    margin: 0 3px 6px 0;
    text-align: center;
    vertical-align: middle;
    border: 1px solid #d6d6d6;
}
.add_file_thumb img {
    max-height: 76px;
    max-width: 76px;
    position: relative;
    z-index: 0;
}

.abort_goal a {
    background-color: red;
}

.abort_goal a:hover {
    background-color: #ff3333;
}

.accep_goal a {
    background-color: green;
}

.accep_goal a:hover {
    background-color: #00cc00;
}

.abort_goal a, .accep_goal a {
    text-decoration: none;
    padding: 5px 7px;
    border: none;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    color: #fff;
}

#upload_av {
    display: none;
    position: relative;
    margin-bottom: -56px;
}

#footer {
    padding: 1px;
    margin-bottom: 5px;
    font-size: 8pt;
    text-decoration: none;
    text-align: center;
    background-color: #3B5998;
}

.footer_link a {
    text-decoration: none;
    color: #c7c7c7;
    padding: 0 5px;
}

p.footer_link {
    margin: 5px 0;
}

.footer_link a:hover {
    text-decoration: underline;
    color: #f7f7f7;
    margin: 2px 0;
}

